<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设置活动</title>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<input id="id" name="id" type="hidden">
<table border="1px #black">
    <tr><td colspan="2" align="center">编辑你的活动</td></tr>
    <tr><td>开始时间:</td><td><input id="startTime" name="startTime" type="text"></td></tr>
    <tr><td>结束时间:</td><td><input id="endTime" name="endTime" type="text"></td></tr>
    <tr><td>活动名:</td><td><input id="title" name="title" type="text"></td></tr>
    <tr><td>描述:</td><td><input id="descriptor" name="descriptor" type="text"></td></tr>
    <tr><td>提示语:</td><td><input id="hint" name="hint" type="text"></td></tr>
    <tr><td>人数限制:</td><td><input id="number" name="number" type="text"></td></tr>
</table>
    <button disabled="disabled" id="commit">提交</button>
<script>
    //获取url中的参数
    function getUrlParam(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
        var r = window.location.search.substr(1).match(reg);  //匹配目标参数
        if (r != null) return unescape(r[2]); return null; //返回参数值
    }
    $(document).ready(function () {
        if(getUrlParam("id") == null||getUrlParam("id") == ""||getUrlParam("id") == undefined){
            return;
        }
        $.ajax({
            url:"/todo/"+getUrlParam("id"),
            method:"get",
            success:function(res){
                if(res.code==1){
                    $("#commit").attr("disabled",false);
                    $("#id").val(res.data.id)
                    $("#startTime").val(res.data.startTimeText)
                    $("#endTime").val(res.data.endTimeText)
                    $("#title").val(res.data.title)
                    $("#descriptor").val(res.data.descriptor)
                    $("#hint").val(res.data.hint)
                    $("#number").val(res.data.number)
                    $("#commit").click(function () {
                        $.ajax({
                            url:"/todo/"+getUrlParam("id"),
                            method:"post",
                            data:{
                                startTime:$("#startTime").val(),
                                endTime:$("#endTime").val(),
                                title:$("#title").val(),
                                descriptor:$("#descriptor").val(),
                                hint:$("#hint").val(),
                                number:$("#number").val()
                            },
                            success:function(res){
                                if(res.code==1){
                                    alert("更新成功!")
                                }else{
                                    alert(res.msg)
                                }
                                location.reload();
                            }
                        })
                    })
                }
            }
        })
    })
</script>
</body>
</html>